﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/User.Master" Inherits="System.Web.Mvc.ViewPage<ChoViet.Site.Models.RegisterModel>" %>

<asp:Content ID="registerTitle" ContentPlaceHolderID="TitleContent" runat="server">
  Đăng ký tài khoản
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
     Đăng ký tài khoản
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
</asp:Content>
<asp:Content ID="registerContent" ContentPlaceHolderID="MainContent" runat="server">
 <div class="contact" id="element-box" style="margin-top:7px">
		<div class="t">
			<div class="t">
				<div class="t"></div>
			</div>
		</div>
		<div class="m">			
			 <% using (Html.BeginForm("register", "account", FormMethod.Post, new { id = "siteForm", name = "siteForm" }))
       { %>
			<table cellpadding="0" cellspacing="0" class="contactForm" width="100%" id="tblRegister">
				<tbody>
					<tr>
						<td style="width:150px"><%= Html.LabelFor(m => m.UserName)%>(<font color="red">*</font>)</td>
						<td style="width:300px">
							<%= Html.TextBoxFor(m => m.UserName, new { @class = "required", remote = "/AjaxData/ValidateUserName", style = "width:300px", onfocus = "checkFocusInput('divUserName');", onblur = "checkBlurInput('divUserName');", maxlength = "255" })%>
                            <%= Html.ValidationMessageFor(m => m.UserName)%>
						</td>
						<td>
						    <div id="divUserName" style="display:none" class="rightNote">Bạn chỉ có thể nhập các ký tự trong khoảng a-z, A-Z, 0-9.</div>
						</td>
					</tr>
					
					<tr>
						<td><%= Html.LabelFor(m => m.Email)%>(<font color="red">*</font>):</td>
						<td>
							<%= Html.TextBoxFor(m => m.Email, new { @class = "required email", remote = "/AjaxData/ValidateEmail", style = "width:300px", onfocus = "checkFocusInput('divEmail');", onblur = "checkBlurInput('divEmail');" })%>
                            <%= Html.ValidationMessageFor(m => m.Email)%>
						</td>
						<td><div id="divEmail" style="display:none" class="rightNote">Mỗi email chỉ được đăng ký duy nhất một tài khoản.</div>
						</td>
					</tr>
					<tr>
						<td><%= Html.LabelFor(m => m.Password)%>(<font color="red">*</font>)</td>
						<td>
							<%= Html.PasswordFor(m => m.Password, new { @class = "required", style = "width:300px", onfocus = "checkFocusInput('divPassword');", onblur = "checkBlurInput('divPassword');" })%>
                            <%= Html.ValidationMessageFor(m => m.Password)%>
						</td>
						<td><div id="divPassword" style="display:none" class="rightNote">Mật khẩu phải có độ dài tối thiểu 6 ký tự.</div></td>
					</tr>
					<tr>
						<td><%= Html.LabelFor(m => m.ConfirmPassword)%>(<font color="red">*</font>)</td>
						<td>
							<%= Html.PasswordFor(m => m.ConfirmPassword, new { @class = "required", equalTo="Password", style = "width:300px", onfocus = "checkFocusInput('divConfirmPassword');", onblur = "checkBlurInput('divConfirmPassword');" })%>
                            
                            <%= Html.ValidationMessageFor(m => m.ConfirmPassword)%>
						</td>
						<td><div id="divConfirmPassword" style="display:none" class="rightNote">Nhập lại mật khẩu phải giống mật khẩu bên trên.</div></td>
					</tr>
					<tr>
						<td> <%= Html.LabelFor(m => m.FullName)%>(<font color="red">*</font>)</td>
						<td>
							<%= Html.TextBoxFor(m => m.FullName, new { @class = "required", style = "width:300px", onfocus = "checkFocusInput('divFullName');", onblur = "checkBlurInput('divFullName');", maxlength = "255" })%>
                            <%= Html.ValidationMessageFor(m => m.FullName)%>
						</td>
						<td>
						    <div id="divFullName" style="display:none" class="rightNote">Tên đầy đủ tối đa 255 ký tự.</div>
						</td>
					</tr>
					
					<tr>
						<td> <%= Html.LabelFor(m => m.Address)%>(<font color="red">*</font>)</td>
						<td>
							<%= Html.TextBoxFor(m => m.Address, new { @class = "required", style = "width:300px", maxlength = "500" })%>
                            <%= Html.ValidationMessageFor(m => m.Address)%>
						</td>
						<td></td>
					</tr>
					<tr>
						<td><%= Html.LabelFor(m => m.Phone)%>(<font color="red">*</font>)</td>
						<td>
							<%= Html.TextBoxFor(m => m.Phone, new { @class = "required", style = "width:300px", onfocus = "checkFocusInput('divPhone');", onblur = "checkBlurInput('divPhone');", maxlength = "11" })%>
                            <%= Html.ValidationMessageFor(m => m.Phone)%>
						</td>
						<td>
						    <div id="divPhone" style="display:none" class="rightNote">Số điện thoại phải là số và tối đa 11 ký tự.</div>
						</td>
					</tr>
					<tr>
						<td><%= Html.LabelFor(m => m.Company)%></td>
						<td>
							<%= Html.TextBoxFor(m => m.Company, new { style = "width:300px", maxlength = "255" })%>

						</td>
						<td></td>
					</tr>
					<tr>
						<td><%= Html.LabelFor(m => m.Yahoo)%></td>
						<td>
							<%= Html.TextBoxFor(m => m.Yahoo, new { style = "width:300px", maxlength = "255" })%>

						</td>
						<td></td>
					</tr>
					<tr>
						<td><%= Html.LabelFor(m => m.Skype)%></td>
						<td>
							<%= Html.TextBoxFor(m => m.Skype, new { style = "width:300px", maxlength = "255" })%>

						</td>
						<td></td>
					</tr>
					<tr>
						<td><label for="name"> Nhập mã xác thực&nbsp;(<font style="color:Red">*</font>)</label></td>
						<td>
							<%= Html.TextBox("CaptchaText", string.Empty, new { @class = "required" })%>&nbsp;<a id="myCaptcha" onclick="ChangeCaptcha();"><img id="captchaImg"  name="captchaImg" src="<%=Url.Action("ShowCaptchaImage", "AjaxData", new {area="" })%>" style="vertical-align:middle; height:30px" alt="Click vào ảnh để làm mới" /></a>
						</td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td>
							<input type="submit" value="Đăng ký" />
						</td>
						<td></td>
					</tr>
				</tbody>
			</table>
			<%} %>
		</div>
		<div class="b">
			<div class="b">
				<div class="b"></div>
			</div>
		</div>
	</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#siteForm").validate({            
            messages: {
                UserName: {
                    required: "Trường này là bắt buộc, vui lòng chọn dữ liệu!",
                    remote: "Tài khoản đã được sử dụng, vui lòng nhập tài khoản khác."
                },
                Email: {
                    required: "Trường này là bắt buộc, vui lòng chọn dữ liệu!",
                    email: "Email không hợp lệ, vui lòng nhập lại (ví dụ: abc@yahoo.com)",
                    remote: "Email đã được sử dụng, vui lòng chọn email khác."
                },
                Password: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                ConfirmPassword: {
                    required: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    equalTo: "Xác nhận mật khẩu không đúng, vui lòng nhập lại dữ liệu!"
                },
                FullName: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                Address: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                Phone: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                CaptchaText: "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
            }
        });

    });
    function ValidateRegister() {
        var isReturn = true;
        var name = $("#UserName").val();
        var phone = $("#Phone").val();
        if (validateName(name) == false) {
            alert("Tài khoản bạn không thể nhập các ký tự ngoài khoảng a-z, A-Z, 0-9");
            return false;
        }
        if (isPhoneNumber(phone) == false) {
            return false;
        }
        return isReturn;
    };
</script>
</asp:Content>
